<html lang="zh-CN" style="font-size: 55.2px;" class="translated-ltr">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
    <meta name="full-screen" content="yes">
    <meta name="browsermode" content="application">
    <link rel="icon" href="favicon.ico">
    <title>Welcome Indeed Mall</title>
    <link rel="stylesheet" href="/statics/css/base.css">
    <link href="/statics/css/chunk-vendors.c3991080.css" rel="stylesheet">
    <link href="/statics/css/app.bad77f0c.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/statics/css/chunk-5e16c931.233445da.css">
    
</head>

<body class="">
    <style>
        #loadingContainer {
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 999999;
            background: #ffffff;
            display: none;
        }
        .moneys{
                font-size: .44rem;
    font-weight: 700;
    color: #f79707;
        }
          .uni-pagination {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        position: relative;
        overflow: hidden;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .uni-pagination__btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: 60px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        position: relative;
        background-color: #f8f8f8;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: center;
        border-width: 1px;
        border-style: solid;
        border-color: #e5e5e5
    }

    .uni-pagination__child-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        font-size: 14px;
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: center
    }

    .uni-pagination__num {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #333
    }

    .uni-pagination__num-current {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .uni-pagination__num-current-text {
        font-size: 15px
    }

    .uni-pagination--enabled {
        color: #333;
        opacity: 1
    }

    .uni-pagination--disabled {
        opacity: .3
    }

    .uni-pagination--hover {
        color: rgba(0, 0, 0, .6);
        background-color: #f1f1f1
    }

    .record {
        background: #f7f8fc;
        height: calc(100vh - 50px)
    }

    .record .record-tabbar {
        height: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        white-space: nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100vw;
        overflow-x: auto;
        line-height: 50px;
        padding: 0 20px;
        background: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .record .record-tabbar .list {
        font-size: 14px;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 0 15px
    }
    </style>
    <div id="app">
        <div data-v-462e3b8c="" class="depositRecord">
            <div data-v-653af513="" data-v-462e3b8c="" class="com-nav"><i data-v-653af513=""
                    class="leftIcon van-icon van-icon-arrow-left" style="font-size: 22px;" onclick="history.go(-1)">

                </i>
                {if $type == 1}
                <div data-v-653af513="" class="title">
                    Recharge record
                </div>
                {/if}
                {if $type == 2}
                <div data-v-653af513="" class="title">
                    Withdrawal record
                </div>
                {/if}
            </div>
            <div data-v-462e3b8c="" class="depositContainer">
                {if $type == 1}
                {present name="list"}
                <div data-v-462e3b8c="" class="list">
                    {volist name="list" id="vo"}
                    <div data-v-462e3b8c="" class="item">
                        <div data-v-462e3b8c="" class="top">{$vo.create_time|toDate}</div>
                        <div data-v-462e3b8c="" class="info">
                            <p data-v-462e3b8c="" class="money">+{$vo.money}</p>
                            <div data-v-462e3b8c="" style="text-align: center;">
                                <p data-v-462e3b8c="">
                                    {switch vo.status}
                                    {case 0}<span class="color-green">Unpaid</span>{/case}
                                    {case 1}<span class="color-green">Recharge successful</span>{/case}
                                    {case 2}<span class="color-red">Recharge failed</span>{/case}
                                    {case 3}<span class="color-desc">Processing</span>{/case}
                                    {/switch}
                                </p>
                            </div>
                        </div>
                    </div>
                    {/volist}
                </div>
                {$pages|raw}
                {else /}
                <div data-v-01fda42b="" class="empty">
                    <div data-v-01fda42b="" class="van-empty">
                        <div class="van-empty__image"><img src="/statics/img/empty-image-default.0bc9958e.png"></div>
                        <p class="van-empty__description">No data temporarily</p>
                    </div>
                </div>
                {/present}
                {/if}
                
                
                 {if $type == 2}
                {present name="list"}
                <div data-v-462e3b8c="" class="list">
                    {volist name="list" id="vo"}
                    <div data-v-462e3b8c="" class="item">
                        <div data-v-462e3b8c="" class="top">{$vo.create_time|toDate}</div>
                        <div data-v-462e3b8c="" class="info">
                            <p data-v-462e3b8c="" class="moneys">-{$vo.apply_money}</p>
                            <div data-v-462e3b8c="" style="text-align: center;">
                                <p data-v-462e3b8c="" style="color:green;">
                                    
                                    {switch vo.status}
                                    {case 0}<span class="color-red">Processing</span>{/case}
                                    {case 1}<span class="color-green">Withdrawal successful</span>{/case}
                                    {case 2}<span class="color-red">Withdrawal failed</span>{/case}
                                    {/switch}
                                </p>
                            </div>
                        </div>
                        <div data-v-462e3b8c="">
                            <span>
                              Amount received
                            </span>
                            <span data-v-462e3b8c="" class="moneys" style="font-size:0.24rem;">{$vo.apply_money - $vo.service_money}</span>
                        </div>
                    </div>
                    {/volist}
                </div>
                {$pages|raw}
                {else /}
                <div data-v-01fda42b="" class="empty">
                    <div data-v-01fda42b="" class="van-empty">
                        <div class="van-empty__image"><img src="/statics/img/empty-image-default.0bc9958e.png"></div>
                        <p class="van-empty__description">No data temporarily</p>
                    </div>
                </div>
                {/present}
                {/if}
            </div>
        </div>
    </div>
</body>

</html>